<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<meta name="author" content="chineking" />
		<meta name="description" content="残阳似血的博客" />
		<title>残阳似血的博客</title>
		<link rel="shortcut icon" href="/static/blog/images/chine.ico"/>
		
		<link rel="stylesheet" type="text/css" media="screen" href="/static/blog/css/jquerymobile/jquery.mobile-1.0a4.1.min.css" />
		<link rel="stylesheet" type="text/css" media="screen" href="/static/blog/css/mobile.css" />
		
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 
		<script src="/static/blog/js/jquery.mobile-1.0a4.1.min.js"></script> 
	</head>
	<body>
		<div data-role="page">
			<div data-role="header">
				{% block header %}
				<h1>残阳似血的博客（触摸版）</h1>
				<a href="/" data-icon="home" data-iconpos="notext" data-direction="reverse" class="ui-btn-right jqm-home">Home</a> 
				{% endblock %}
			</div>
			
			<div data-role="content">
				{% block content %}
				<ul data-role="listview" data-inset="true">
					<li data-role="list-divider">快速链接</li> 
					<li><a href="{% url program %}">首页</a></li>
					<li><a href="{% url program-categories %}">分类</a></li>
					<li><a href="{% url program-contact %}">留言板</a></li>
					<li><a href="{% url program-about %}">关于</a></li>
				</ul>
				{% if article_list %}
					<ul data-role="listview" data-inset="true" data-theme="d" data-dividertheme="d">
					{% for article in article_list %}
						<li>
							<a href="{{ article.get_absolute_url }}">
								<h3>{{ article.title }}</h3>
								<p>{{ article.content_abstract|striptags|safe|cut:"&nbsp;" }}</p>
								<span class="ui-li-count">{{ article.n_comment }}</span>
								<p class="ui-li-aside"><strong>{{ article.modified|date:"Y bj日 P" }}</strong></p> 
							</a>							
						</li>
					{% endfor %}
					</ul>
				{% endif %}
				{% endblock %}
			</div>
			
		</div>
	</body>
</html>
